<template>
  <div class="body">
    <div class="center">
      <h5>{{head}}</h5>
      <p>{{include}}</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: "SystemMessage",
    props: ["head", "include"],
    methods: {
      setMsg(){
        let _this = this;
        _this.returnFlag(false)
      },
      returnFlag(flag) {
        let _this = this;
        _this.$emit("giveFlag", flag);
      }
    },
  }
</script>

<style scoped>
  .center p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.5em;
    width: 90%;
    margin: 20px 5% 0 5%;
    text-align: justify;
  }
  .center h5 {
    margin: 20px 5% 0 5%;
    font-size: 16px;
    width: 90%;
    text-align: center;
  }
</style>
